﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>

<script>
$(function(){
	var layout = [
		".long_top s",
		".pop_share",
		".pop_share_friend",
		".share_friend",
		".sfriend_panel,.long,.pop_share_box",
		".share_friend_box"
	];
	var timeDelay = [  1,.3,.4,.3,.5,.6 ];
	var timeDurat = [ .3,.3,.3,.3,.3,.3 ];
	addAnimate(timeDelay,timeDurat,layout);
	setTimeout(function(){window.parent.nextAnimation('page24_write.html');},page_total*1000);

})
</script>

<style>
	.long_top s{animation-name: gather_click;}
	.pop_share{top: 100%; animation-name: window_up;}
	.pop_share_friend{animation-name: btn_click;}	
	.share_friend{top: 100%; animation-name: window_up;}
	.sfriend_panel{animation-name: gather_click;}
	.share_friend_box{animation-name: window_down;}
	.long{animation-name: window_hidden;}
	.pop_share_box{animation-name: window_down;}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_17">20:30</dl></div>
	<div class="talk">
		<div class="talk_list">
			<dl class="talk_husband_0"></dl>
			<dl class="talk_husband_1"></dl>
			<dl class="talk_husband_2"></dl>
			<dl class="talk_husband_3"></dl>
			<dl class="talk_husband_4"></dl>
			<dl class="talk_husband_5"></dl>
			<dl class="talk_husband_6"></dl>
			<dl class="talk_husband_7"></dl>
			<dl class="talk_husband_8"></dl>
			<dl class="talk_husband_9"></dl>
			<dl class="talk_husband_10"></dl>
			<dl class="talk_husband_11"></dl>
			<div class="talk_time"><em class="time_point_10"></em></div>
			<dl class="talk_husband_12"></dl>
			<dl class="talk_husband_13"></dl>
			<dl class="talk_husband_14"></dl>
			<dl class="talk_husband_15"></dl>
			<div class="talk_time"><em class="time_point_17"></em></div>
			<dl class="talk_husband_16"></dl>
		</div>
		<div class="talk_top"><dl>老公</dl></div>
		<div class="talk_bottom">
			<div class="talk_bottom_input"></div>
		</div>
	</div>
	<div class="long">
		<dl><img src="img/long.jpg" /></dl>
		<div class="long_top"><em>薇薇的作品</em><s></s></div>
	</div>
	<div class="out_box pop_share_box">
		<div class="pop_share">
			<div class="pop_share_in">
				<dl class="pop_share_friend">
					<dt><img src="img/share_friend.png" /></dt>
					<dd>发送给朋友</dd>
				</dl>
				<dl>
					<dt><img src="img/share_group.png" /></dt>
					<dd>分享朋友圈</dd>
				</dl>
				<dl>
					<dt><img src="img/share_other/1.png" /></dt>
					<dd>收藏</dd>
				</dl>
				<dl>
					<dt><img src="img/share_other/2.png" /></dt>
					<dd>Facebook</dd>
				</dl>
				<dl>
					<dt><img src="img/share_other/3.png" /></dt>
					<dd>Safari</dd>
				</dl>
				<dl>
					<dt><img src="img/share_other/4.png" /></dt>
					<dd>浮窗</dd>
				</dl>
				<dl>
					<dt><img src="img/share_other/5.png" /></dt>
					<dd>复制链接</dd>
				</dl>
				<dl>
					<dt><img src="img/share_other/6.png" /></dt>
					<dd>刷新</dd>
				</dl>
				<dl>
					<dt><img src="img/share_other/7.png" /></dt>
					<dd>搜索内容</dd>
				</dl>
				<dl>
					<dt><img src="img/share_other/8.png" /></dt>
					<dd>调整字体</dd>
				</dl>
			</div>
		</div>
	</div>
	<div class="out_box share_friend_box">
		<div class="share_friend">
			<div class="sfriend_top">选择一个聊天</div>
			<div class="sfriend_list">
				<dl>
					<dt style="background-image: url(img/profile/boss.jpg);"></dt>
					<dd>老板</dd>
				</dl>
				<dl>
					<dt style="background-image: url(img/profile/huang.jpg);"></dt>
					<dd>客户黄总</dd>
				</dl>
				<dl class="sfriend_panel">
					<dt style="background-image: url(img/profile/husband.jpg);"></dt>
					<dd>老公</dd>
				</dl>
				<dl>
					<dt style="background-image: url(img/profile/friend.jpg);"></dt>
					<dd>三只小仙女</dd>
				</dl>
				<dl>
					<dt style="background-image: url(img/profile/teacher_w.jpg);"></dt>
					<dd>钢琴王老师</dd>
				</dl>
				<dl>
					<dt style="background-image: url(img/profile/group.jpg);"></dt>
					<dd>丸子小学102班家长群</dd>
				</dl>
				<dl>
					<dt style="background-image: url(img/profile/zhao.jpg);"></dt>
					<dd>赵总</dd>
				</dl>
				<dl>
					<dt style="background-image: url(img/profile/teacher_li.jpg);"></dt>
					<dd>舞蹈班李老师</dd>
				</dl>
				<dl>
					<dt style="background-image: url(img/profile/song.jpg);"></dt>
					<dd>宋天泽</dd>
				</dl>
				<dl>
					<dt style="background-image: url(img/profile/yang.jpg);"></dt>
					<dd>杨玉银</dd>
				</dl>
				<dl>
					<dt style="background-image: url(img/profile/dad.jpg);"></dt>
					<dd>老爸</dd>
				</dl>
			</div>
		</div>
	</div>
</div>

</body>
</html>